<template>
	<div>
		<top-fenxiang></top-fenxiang>
		<!---->
		<p class="ben">
			<span class="benxin">本周新品</span>
			<var class="benwu">精选环球好物</var>
		</p>
		<!---->
		<p class="bensou">
			<img src="../assets/img/shouye/tuijian/sousuo.png"  alt=""/>
			<span class="benci">输入商品关键词</span>
		</p>
		<!--妈咪宝贝-->
		<div v-for="item in 5" class="baby">
			<!--大图-->
			<div class="tbaby">
				<img src="../assets/img/shouye/muying/mu3.png"  alt="" />
				<p class="fenzi">奶粉也要玩有机，养成健康北鼻</p>
			</div>
			<!--小图-->
			<div class="t-hong">
				<div class="t-childHong">
					<img src="../assets/img/shouye/benzhou/9_5.png"  alt="" />
					<p class="t-jieshao">诺优能幼儿配方奶粉</p>
					<p class="t-jiage">￥59</p>
				</div>
				<div class="t-childHong">
					<img src="../assets/img/shouye/benzhou/9_5.png"  alt="" />
					<p class="t-jieshao">诺优能幼儿配方奶粉</p>
					<p class="t-jiage">￥129</p>
				</div>
				<div class="t-childHong">
					<img src="../assets/img/shouye/benzhou/9_5.png"  alt="" />
					<p class="t-jieshao">诺优能幼儿配方奶粉</p>
					<p class="t-jiage">￥88</p>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import TopFenxiang from '@/components/TopFenxiang'
	export default {
		components: {
			TopFenxiang
		}
	}
</script>

<style>
	.ben {
		width: 100%;
		height: 11rem;
		margin-top: 9.6rem;
		background: #FFFFFF;
	}
	
	.benxin {
		display: inline-block;
		font-size: 3.6rem;
		color: red;
		padding: 1rem 2rem 0;
	}
	
	.benwu {
		font-size: 3rem;
		color: #333333;
		display: block;
		padding-left: 2rem;
	}
	
	.bensou {
		width: 68rem;
		height: 4.8rem;
		background: #FFFFFF;
		border: 0.1rem solid #CCCCCC;
		border-radius: 1rem;
		margin: 2rem;
		text-align: center;
		line-height: 4.8rem;
	}
	
	.bensou>img {
		width: 2.8rem;
		height: 3rem;
	}
	
	.benci {
		font-size: 2.4rem;
		color: #e83d41;
	}
	/*妈咪宝贝*/
	.baby{
		width: 100%;
		padding-bottom: 8rem;
		background: #FFFFFF;
		margin-bottom: 2rem;
	}
	.tbaby{
		width: 100%;
		height: 40.1rem;
		position: relative;
	}
	.tbaby>img{
		width: 100%;
		height:100%;	
	}
	.fenzi{
		width: 100%;
		height: 8rem;
		background: rgba(0,0,0,.5);
		line-height: 8rem;
		font-size: 3rem;
		text-align: center;
		color:white;
		font-weight: 200;
		position: absolute;
		left:0;
		bottom: 9.9rem;
	}
	/*奶粉*/
	.t-hong {
		width: 100%;
		height: 25rem;
		text-align: center;
	}
	
	.t-childHong {
		width: 22rem;
		height: 18rem;
		border: 0.01rem solid darkgray;
		float: left;
		margin-top: 2rem;
		margin-left: 1.5rem;
		box-sizing: border-box;
	}
	.t-childHong>img {
		width: 14.3rem;
		height: 14.3rem;
		padding:2.3rem 3.8rem;
	}
	.t-jieshao {
		font-size: 2.4rem;
		margin-bottom: 0.5rem;
		width: 15rem;
		padding-left:3.3rem;
		text-align: left;
	}
	
	.t-jiage {
		font-size: 2.4rem;
		color: red;
	}
</style>